import React, {useState} from 'react'
import {Button, DatePicker} from 'antd'
import { SearchOutlined } from '@ant-design/icons';
export default function ButtonTest() {
  let [loading,setLoading] = useState(false)

  return (
    <div>
       <Button  type="primary" block>按钮</Button>
        <Button  type="primary" danger>危险</Button>
        <Button  type="primary" disabled>禁用</Button>
        <Button  type="primary" href="#">跳转</Button>
        <Button  type="primary" htmlType="submit">提交</Button>
        <Button type="primary" shape="circle" icon={<SearchOutlined />} />
        <Button type="primary" loading={loading}  onClick={()=> setLoading(!loading)}> loading </Button>
        <Button type="primary" onClick={()=> setLoading(!loading)}>改变loading</Button>
        <DatePicker/>
    </div>
  )
}
